.filter-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.8rem;
  width: 100%;
  
  .filter-group {
    display: flex;
    align-items: center;
    margin-right: 1rem;
    
    .filter-label {
      font-size: 0.6rem;
      color: rgba(255, 255, 255, 0.85);
      white-space: nowrap;
      margin-right: 0.1rem;
    }
  }
  
  .filter-selector {
    :global {
      .ant-select {
        background: rgba(0, 21, 41, 0.6);
        border-radius: 0.2rem;
        
        .ant-select-selector {
          background: transparent;
          border: 0.05rem solid rgba(255, 255, 255, 0.2);
          color: #fff;
        }
        
        .ant-select-arrow {
          color: rgba(255, 255, 255, 0.6);
        }
      }
    }
  }
  
  .search-box {
    width: 12.5rem;
    
    :global {
      .ant-input-affix-wrapper {
        background: rgba(0, 21, 41, 0.6);
        border: 0.05rem solid rgba(255, 255, 255, 0.2);
        border-radius: 0.2rem;
        .ant-input-clear-icon {
          color: #fff;
        }
        .ant-input {
          background: transparent;
          color: #fff;
          
          &::placeholder {
            color: rgba(255, 255, 255, 0.5);
          }
        }
      }
    }
    
    .search-icon {
      color: rgba(255, 255, 255, 0.6);
      cursor: pointer;
      
      &:hover {
        color: #fff;
      }
    }
  }
} 